<template>
   <div id="tmpl">
    <!-- 1.0 轮播图：mint-ui中的 swipe组件实现 -->
        <mt-swipe :auto="2000">
            <!-- <mt-swipe-item>1</mt-swipe-item>
            		   -->
            <mt-swipe-item v-for="item in imgs">
                <img :src="item.img">     
            </mt-swipe-item>
        </mt-swipe>
   </div>
</template>

<script>
export default {
    props:['imgs'] //用来接收父组件传来的值
}
</script>

<style scoped>

.mint-swipe {
    /* height: 50vw; */
    height: 300px;

}

.mint-swipe-item img {
    width: 100%;
}

.mint-swipe-item {
    background-color: red;
    width: 100%;
    height: 300px;
}
</style>
